.foo {
  width: 32px;
  height: 60px;
}
.bar {
  padding: 0 12px;
  background: url("");
}
.foo {
  width: 100px;
}
/* .el-icon-ice-cream-round:before {  //目前没法处理 "\exxx"字符串
  content: "\e6a0";
} */
 
@media screen and (max-width: 500px) {
  .foo {
    width: 100px;
  }
}
@container (max-width: 780px) {
  p {
   font-size: 20px;
 }
}
.foo {
  width: 32px;
  height: vh(60);
}
.foo {
  border-top: 1px solid #aaa;
  margin-left: -65px;
}
.foo {
  width: 32px;
  height: -1px;
  height: vh(1);
  height: vh(-1);
  margin-top: vh(-1);
  margin-left: vh(-20);
}
 